/*
 * Copyright 2020 The Kubernetes Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import 'mixins';

$font-size: 0.5625;
$vertical-margin: 0.3625em;

@include Scrollback {
  .kui--repl-block-experimental-tag-wrapper {
    margin: $vertical-margin 0.5rem $vertical-margin 0;
  }

  @include ExperimentalTag {
    background-color: var(--color-base05);
    font-family: var(--font-sans-serif);
    color: var(--color-base00);
    font-size: $font-size + rem;
    min-height: 1.5em;
    height: 1.125rem;
    transition-delay: $action-hover-delay;
    display: flex;
    align-items: center;
  }
}

@include BlockHoverOrFocus {
  @include ExperimentalTag {
    @include DisappearOnHover;
  }
}
